<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<a href="http://www.baidu.com">
			<button>跳转baidu</button>
		</a>
		<!--
		target：定义链接的打开方式。
		_blank: 在新窗口或新标签页中打开链接。
		_self: 在当前窗口或标签页中打开链接（默认）。
		_parent: 在父框架中打开链接。
		_top: 在整个窗口中打开链接，取消任何框架。
		-->
		<a href="http://www.baidu.com" target="_blank"><button>跳转baidu</button></a>
		
		<!--download：提示浏览器下载链接目标而不是导航到该目标。-->
		<a href="file.pdf" download="example.pdf">下载文件</a>
		<!--title：定义链接的额外信息，当鼠标悬停在链接上时显示的工具提示。-->
		<a href="http://www.baidu.com" title="baidu"><button>跳转baidu</button></a>
		<!--style: 直接在元素上定义CSS样式-->
		<a href="http://www.baidu.com" style="color: red;"><button>跳转baidu</button></a>
		<!--class: 用于指定元素的类名（CSS中定义）-->
		<a href="http://www.baidu.com" class="a"><button>跳转baidu</button></a>
		<!--type: 指定链接资源的MIME类型-->
		<a href="style.css" type="text/css">样式表</a>
		<!--hreflang: 指定链接的目标URL的语言-->
		<a href="https://www.example.com/es" hreflang="es">访问西班牙语网站</a>
		<!--id：用于链接锚点，通常在同一页面中跳转到某个特定位置。-->
		<div id="div">gggggggg</div>
		<a href="#div">跳转到div</a>
		
	</body>
</html>